import { HeartTwoTone, SmileTwoTone } from '@ant-design/icons';
import { PageContainer } from '@ant-design/pro-components';
import '@umijs/max';
import { Alert, Card, Typography } from 'antd';
import React from 'react';

const Admin: React.FC = () => {
  return (
    <PageContainer content={' 以下页面只有管理员才能查看，如果您非管理员，恭喜！！您发现BUG了，请联系管理员（heelrin）'}>
      <Card>
        <Alert
          message={'以客户为中心，长期有耐心'}
          type="success"
          showIcon
          banner
          style={{
            margin: -12,
            marginBottom: 48,
          }}
        />
        <Typography.Title
          level={2}
          style={{
            textAlign: 'center',
              //marginLeft:20,
          }}
        >
          <SmileTwoTone /> H&L智能数据分析平台 <HeartTwoTone twoToneColor="#eb2f96" /> MyLF
            <p style={{textAlign:'left', marginLeft: 450, marginTop: 20,fontSize:20,color:'#a89f9f'}}>添加用户:添加新用户</p>
            <p style={{textAlign:'left', marginLeft: 450, marginTop: 20,fontSize:20,color:'#a89f9f'}}>图表管理:可以对所有图表进行查看和删除</p>
            <p style={{textAlign:'left', marginLeft: 450, marginTop: 20,fontSize:20,color:'#a89f9f'}}>用户管理:对用户基本信息进行修改和删除，给用户设置权限</p>
        </Typography.Title>
      </Card>
      <p
        style={{
          textAlign: 'center',
          marginTop: 24,
        }}
      >
          Let's become better together
        {/*<a href="https://pro.ant.design/docs/block-cn" target="_blank" rel="noopener noreferrer">*/}
        {/*  use block*/}
        {/*</a>*/}
      </p>
    </PageContainer>
  );
};
export default Admin;
